<template>
  <div class="page_wechat" >
    <div>
      <van-icon name="warning" class="not_wechat_icon" />
    </div>
    <div>
      请使用微信浏览器打开
    </div>
    
  </div>
</template>

<script>
export default {
  name: "pageWechat",
  data() {
    return {
      title: "",
      window_width:350
    };
  },
  created() {
    this.window_width = document.body.clientWidth / 2;
  },
  methods: {}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.page_wechat
    text-align center
    margin-top 20%
    div
      margin-bottom 2rem
      .not_wechat_icon
        &::before
          color red
          font-size 4rem
        
</style>
